<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>购物车</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/cart.css">
	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="public/bootstrap/css/bootstrap.min.css">
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="public/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<!-- 顶部导航 -->
<div id="top">
		<div class="top-nav">
			<div class="top-nav-l">
				<ul>
					<li>你好,欢迎来到海澜之家!</li>
					<li class="l1"><a href="login.html">请登录</a><span>|</span></li>
					<!-- <li class="l1">合作账号登录</li>
					<li class="l1">
					<a href=""><img src="images/sina.jpg" width="14px"></a>
					<a href=""><img src="images/qqimg.jpg" width="14px"></a>
					<a href=""><img src="images/taobaoimg.jpg" width="14px"></a>
					<span>|</span></li> -->
					<li class="l1"><a href="register.html">免费注册</a></li>
				</ul>
			</div>
			<div class="top-nav-r">
				<ul>
					<!-- <li><a href="">我的海澜之家</a><span>|</span></li>
					<li><a href="">在线客服</a><span>|</span></li> -->
					<li><a href="">我的购物袋有0件商品</a></li>
					<!-- <li><a href="">帮助</a><span>|</span></li>
					<li></li> -->
				</ul>
			</div>
		</div>
</div>
<!-- 顶部导航结束 -->
<!-- 顶部菜单 -->
<div id="category">
	<div class="category-img">
		<div class="cateimg-l">
			<a href=""><img src="images/newgoods.png"></a>
			<a href=""><img src="images/t.png"></a>
			<a href=""><img src="images/chenshan.png"></a>
		</div>
		<div class="cateimg-c">
			<a href=""><img src="images/newlogo.jpg"></a>
		</div>
		<div class="cateimg-r">
			<a href=""><img src="images/paonan.jpg"></a>
		</div>
	</div>
	<div class="category-text">
		<div class="text-con">
			<ul>
				<li><a href="">首页</a></li>
				<li><a href="">所有商品</a></li>
				<li><a href="">秋季新品</a></li>
				<li><a href="">夏季热卖</a></li>
				<li><a href="">长袖T恤</a></li>
				<li><a href="">夹克</a></li>
				<li><a href="">长袖衬衫</a></li>
				<li><a href="">针织衫/毛衫</a></li>
				<li><a href="">外套</a></li>
				<li><a href="">裤装</a></li>
				<li><a href="">配饰</a></li>
			</ul>
		</div>
	</div>
</div>
<!-- 顶部菜单结束 -->

<!-- 购物车 -->
<div id="cart">
	<div class="top"><a href="">首页</a>  >  购物车</div>
	<div class="cartContent">
		<div class="cartTop">
			<div class="shangpinmingcheng">商品名称</div>
			<div class="kucun">库存</div>
			<div class="jiage">价格</div>
			<div class="shuliang">数量</div>
			<div class="xiaoji">小计</div>
			<div class="caozuo">操作</div>
		</div>
		<div class="goodslist">
			<div class="spmc"><a href=""><div class="sp-img"><img src="images/cart/hl100.jpg" alt=""></div><div class="sp-name"><p>Heilan Home/海澜之家2015秋季新品男装纯色提花商务衬衫</p><p><span>颜色：漂白花纹</span></p><p><span>尺码：180/100A(42)</span></p></div></a></div>
			<div class="kc">有货</div>
			<div class="jg">¥158.00元</div>
			<div class="sl"><div class="numbers"><a href="" class="jian">-</a><input type="text" class="sz" value="1"><a href="" class="jia">+</a></div></div>
			<div class="xj">¥158.00元</div>
			<div class="cz"><div class="del"><a title="移除购物车" href="javascript:void(0);">X</a></div></div>
		</div>
		<!-- 支付 -->
		<div class="pay">
			<div class="pl"><div class="goon"><a class="btn btn-danger btn-sm an" href="">继续购物</a><a class="zero" href="javascript:void(0);">清空购物袋</a></div></div>
			<div class="pr">
				<div class="total">总计</div>
				<div class="totalnum"><div class="total-text">商品总数：</div><div class="total-number">1</div>
				</div>
				<div class="totalpay"><div class="total-text">商品总额：</div><div class="total-number">¥158.00</div>
				</div>
				<div class="jiesuan"><a href="">结算</a></div>
			</div>
		</div>
	</div>

</div>
<!-- 购物车结束 -->

<!-- 底部 -->
<div id="footer">
	<div class="footer-con">
		<div class="service">
			<ul>
				<li class="day"><img src="images/footerimg1.jpg" alt=""><p>7天</p><span>无条件退货</span></li>
				<li class="free"><img src="images/footerimg2.jpg" alt=""><p>全场免68元包邮</p></li>
				<li class="city"><img src="images/footerimg3.jpg" alt=""><p>全国所有城市</p><span>快递上门服务</span></li>
			</ul>
		</div>
		<div class="text">
			<ul>
				<li><p>新手指南</p><a href="">用户注册</a><br/><a href="">找回密码</a><br/><a href="">服务条款</a></li>
				<li><p>购物指南</p><a href="">购物流程</a><br/><a href="">订单查询</a><br/><a href="">抵用券使用流程</a></li>
				<li><p>配送方式</p><a href="">配送城市和费用</a><br/><a href="">商品验货与签收</a></li>
				<li><p>支付方式</p><a href="">中国银联</a><br/><a href="">支付宝</a><br/><a href="">发票制度</a></li>
				<li><p>售后服务</p><a href="">退换货制度</a><br/><a href="">退换货流程</a><br/><a href="">退款方式</a><br/><a href="">隐私声明</a></li>
				<li class="hotline"><p>客户服务热线<span>(仅收市话费)</span></p><p class="line">400-892-2001</p>
				<p class="jia">加盟热线</p><p class="line">0510-86700308</p><br/><p class="line">0510-86125808</p>
				</li>
			</ul>
		</div>
	</div>
</div>
<!-- 底部结束 -->
</body>
</html>